#mobile_nav {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 510000;
  display: flex;
  
  box-sizing: border-box;
  max-width: 420px;
  background-color: rgba(0,0,0,0.3);
  pointer-events: none;
  opacity: 0;
  transition: all .5s cubic-bezier(.55,.03,.37,.96);
  &.show {
    opacity: 1;
    pointer-events: all;
    .mobile_wrap {
      transform: translateX(0);
    }
    
  }
  .mobile_nav_close {
    background-color: #000000;
    color: #ffffff;
  }
  .mobile_wrap {
    width: 90%;
    height: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: all .5s cubic-bezier(.55,.03,.37,.96);
    display: flex;
    flex-direction: column;
    
    .mobile_nav_content {
      color: #000000;
      flex: 1;
      .panel-menu-mobile {
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;

        .panel-navigation {
          flex: 1;
          color: #000000;
          position: relative;
        }

        .only-warp {
          flex: 1;
          position: relative;
          overflow-y: auto;
          .panel-menu-ul {
            height: 100%;

            .panel-menu-ul {
              display: none;
            }

            .panel-menu-item {
              display: flex;
              justify-content: space-between;
              align-items: center;
              box-sizing: border-box;
              height: 58px;
              padding: 6px 15px;
              border-bottom: 1px solid #e6e6e6;
              svg.svg_arrow_up {
                transform: rotate(90deg);
              }
            }

            .panel-menu-parent {
              justify-content: start;

              svg.svg_arrow_up {
                transform: rotate(-90deg);
              }

              span {
                color: #000000;
                text-decoration: underline;
                text-underline-offset: 2px;
                margin-left: 8px;
              }
            }
          }

          &::-webkit-scrollbar {
            display: none;
          }

          width: 100%;
        }

        .only-ul {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: 100%;
          transition: all 0.45s ease-in-out;
        }

        .only-ul-show {
          display: block !important;
        }

        .only-ul-left100 {
          left: 100%;
        }
      }
    }

    .mobile_currency {
      border-top: 1px solid rgba(64,64,64,.15);
      color: #000000;
      height: 58px;
      box-sizing: border-box;
      &.none_flag {
        .currency_txt {
          .mx-2 {
            margin-left: 0;
          }
        }
      }
      svg{
        width: 18px;
        height: 18px;
        stroke-width: 1.3;
      }
      .drop_currency {
        max-width: 100%;
        width: 100%;
        bottom: calc(100% + 10px);
        box-shadow: none;
        border: 1px solid rgba(64,64,64,.15);
        left: 0;
        transform: none;
      }
    }

    .sns {
      .zuui-share-link {
        gap: 12px;
        a {
          margin-right: 0;
          width: 20px;
          height: 20px;
        }
      }
      
    }
  }
}
